import React, {Component} from 'react';
import { Button } from 'antd';
import './App.css'
import {WechatOutlined ,WeiboSquareFilled,SearchOutlined} from '@ant-design/icons';
import { DatePicker, Space } from 'antd';
const { RangePicker } = DatePicker;

function onChange(date, dateString) {
    console.log(date, dateString);
}

class App extends Component {
    render() {
        return (
            <div>
                <Button type="text">Primary Button</Button>
                <Button>Primary Button</Button>
                <WechatOutlined />
                <WeiboSquareFilled />
                <Button type="primary" icon={<SearchOutlined />}>
                    Search
                </Button>
                <Space direction="vertical">
                    <DatePicker onChange={onChange} />
                    <DatePicker onChange={onChange} picker="week" />
                    <DatePicker onChange={onChange} picker="month" />
                    <DatePicker onChange={onChange} picker="quarter" />
                    <DatePicker onChange={onChange} picker="year" />
                    <RangePicker />
                </Space>,
            </div>
        );
    }
}

export default App;